/*header start*/
.header {
    border-bottom: 1px solid #323232;
}
/*header end*/

/*content start*/
.content {
    overflow: hidden;
    width: 100%;
}
/*pro-main sart*/
.content .pro-main {
    margin-top: 50px;
    overflow: hidden;
}

.content .pro-main .main-left {
    float: left;
    position: relative;
}
.pro-main .main-left .image {
    width: 470px;
    height: 470px;
    position: relative;
}
.main-left .image .box {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: deepskyblue;
    opacity: 0.5;
    cursor: move;
    display: none;
}
.pro-main .main-left .image li {
    display: block;
}
.pro-main .main-left .image li img{
	width: 100%;	
	height: 100%;
}
.pro-main .main-left .fdj {
    width: 468px;
    height: 468px;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    left: 500px;
    overflow: hidden;
    display: none;
}
.pro-main .main-left .fdj li {
    width: 100%;
    height: 100%;
}

.main-left .fdj img {
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 500%;
}
.main-left .slider {
    margin-top: 18px;
    position: absolute;
}
.main-left .slider span {
    display: block;
    width: 42px;
    height: 80px;
    float: left;
    background: #c1c1c1;
    cursor: pointer;
}
.main-left .slider span img {
    display: block;
    margin: 10px 0 0 8px;
}
.main-left .slider .slider-main {
    width: 368px;
    height: 82px;
    float: left;
    margin: 0 8px;
    overflow: hidden;
    position: relative;
}
.main-left .slider ul {
    width: 2000px;
    position: absolute;
    top: 0;
    left: 0;
}
.main-left .slider ul li {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 14px;
    border: 1px solid transparent;
    cursor: pointer;
}
.main-left .slider .bd-color {
    border: 1px solid #ff5959;
}
.main-left .slider li img {
    width: 80px;
    height: 80px;
}


.content .pro-main .main-right {
    float: right;
    width: 698px;
}
.pro-main .main-right h2 {
    font-size: 24px;
    color: #2d2d2d;
    margin-bottom: 10px;
}
.pro-main .main-right > p {
    font-size: 14px;
    color: #FF0000;
}
.pro-main .main-right .right-main {
    margin-top: 38px;
}
.right-main ul li {
    overflow: hidden;
    padding-top: 10px;
}
.right-main ul li > span {
    font-size: 16px;
    color: #646464;
    letter-spacing: 2em;
    float: left;
}
.right-main ul li:first-child em {
    font-size: 40px;
    color: #FF0000;
    float: left;
    margin-top: -18px;
}
.right-main ul li em {
    font-style: normal;
    float: left;
    margin-right: 16px;
    font-size: 16px;
}
.right-main li:nth-of-type(2) a {
    display: block;
    color: #136dab;
    float: left;
}
.right-main li:nth-of-type(2) {
    overflow: hidden;
}
.right-main li a span {
    display: block;
    width: 14px;
    height: 14px;
    background: #136dab;
    color: #fff;
    font-size: 12px;
    float: right;
    text-align: center;
    line-height: 14px;
    margin: 4px 0 0 6px;
}
.right-main .two-p {
    float: left;
    width: 400px;
    padding-top: 4px;
}
.right-main .two-p p {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 22px;
    color: #232323;
}
.right-main .two-p p span {
    background: #FF0000;
    padding: 2px 4px;
    color: #fff;
    margin-right: 4px;
}
.right-main .two-p p:nth-of-type(2) span {
    padding: 2px 8px !important;
}
.right-main .two-p p a {
    color: #646464;
    margin-left: 20px;
}
.right-main li:nth-of-type(4) > em {
    color: #232323;
    float: left;
    margin-right: 0;
}

.right-main li:nth-of-type(4) form {
    float: left;
}
.right-main li:nth-of-type(4) form em {
    float: left;
    margin: 0 12px;
    color: #4e4e4e;
}
.right-main li:nth-of-type(4) form select {
    float: left;
    width: 182px;
    height: 28px;
    padding-left: 8px;
    outline: none;
    margin-top: -2px;
}
.right-main li:nth-of-type(4) a {
    display: block;
    color: #136dab;
    float: left;
}
.right-main li:nth-of-type(4) a span {
    display: block;
    width: 14px;
    height: 14px;
    background: #136dab;
    color: #fff;
    font-size: 12px;
    float: right;
    text-align: center;
    line-height: 14px;
    margin: 4px 0 0 6px;
}
.right-main li:nth-of-type(5) {
    overflow: hidden;
    margin-top: 36px;
    color: #232323;
}
.right-main li:nth-of-type(6) p {
    width: 600px;
    float: left;
    padding-top: 4px;
}
.right-main li:nth-of-type(6) p em {
    display: block;
    width: 260px;
    height: 48px;
    float: left;
    border: 1px solid #969696;
    text-align: center;
    line-height: 48px;
    color: #232323;
    font-size: 16px;
    margin-bottom: 12px;
    cursor: pointer;
}
.in {
    border: 1px solid #7d0a28 !important;
}
.right-main li:nth-of-type(6) form {
    float: left;
    margin: 20px 0 0 97px;
    position: relative;
}
.right-main li:nth-of-type(6) form input {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid #969696;
    font-size: 16px;
    color: #232323;
    text-align: center;
    line-height: 60px;
}
.right-main li:nth-of-type(6) form em {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #969696;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    margin-left: -1px;
    cursor: pointer;
}
.right-main li:nth-of-type(6) form em:nth-of-type(2) {
    position: absolute;
    top: 20px;
    left: 42px;
}
.right-main li:nth-of-type(6) form button {
    width: 190px;
    height: 42px;
    background: #7d0a28;
    color: #fff;
    font-size: 20px;
    border: none;
    margin-right: 8px;
    cursor: pointer;
}
.right-main li:nth-of-type(7) p > span {
    float: left;
    margin-right: 12px;
}
.right-main li:nth-of-type(7) img {
    display: block;
    float: left;
    margin: 4px 6px 0 0;
}
.right-main li:nth-of-type(7) a {
    float: left;
    font-size: 16px;
    color: #646464;
    margin-left: 104px;
}
.right-main li:nth-of-type(8) p > span {
    float: left;
    margin-right: 12px;
    display: block;
}
.right-main li:nth-of-type(8) span > img {
    display: block;
    float: left;
    margin: 4px 6px 0 0;
}
.right-main dl {
    overflow: hidden;
}
.right-main dl dt {
    background: url("../img/pro_8.png")no-repeat 100px 6px;
    color: #646464;
    cursor: pointer;
}
/*pro-main end*/


/*products start*/
.products {
    margin-top: 40px;
    float: left;
    width: 100%;
    position: relative;
}
.products-top {
    width: 1198px;
    border: 1px solid #969696;
}
.products-top ul {
    margin-top: 18px;
    overflow: hidden;
}
.products-top li {
    width: 200px;
    float: left;
    margin-left: 32px;
}
.products-top li > a {
    display: block;
    width: 100%;
    height: 184px;
    border: 1px solid #969696;
}
.products-top li > a img {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 184px;
}

.products-top li p {
    font-size: 14px;
    margin-top: 16px;
    padding-left: 4px;
}
.products-top li p a {
    color: #2f2f2f;
}
.products-top li span {
    display: block;
    margin: 12px 0 12px 0;
}
.products-top > p {
    position: absolute;
    top: -51px;
    left: 0;
    width: 211px;
    height: 48px;
    background: #fff;
    font-size: 20px;
    color: #818181;
    text-align: center;
    line-height: 48px;
    border: 1px solid #969696;
    border-bottom: none;
    border-top: 4px solid #717171;
}


.products-bottom {
    overflow: hidden;
    margin-top: 20px;
}
.products-bottom-left {
    float: left;
    overflow: hidden;
}
.products-bottom-left li {
    width: 244px;
    padding: 8px;
    border: 1px solid #969696;
    margin-bottom: 30px;
}
.products-bottom-left li > a {
    display: block;
    width: 242px;
    height: 242px;
    border: 1px solid #969696;
}
.products-bottom-left li > a img {
    width: 100%;
    height: 100%;
}
.products-bottom-left li p {
    width: 210px;
    margin: 12px auto 0;
}
.products-bottom-right {
    float: left;
    width: 922px;
    margin-left: 16px;
}
.tab-title {
    border-bottom: 1px solid #969696;
    border-right: 1px solid #969696;
    height: 47px;
}
.bottom-right-tab .tab-title > ul {
    overflow: hidden;
}
.bottom-right-tab .tab-title li {
    float: left;
    color: #6c6c6c;
    font-size: 14px;
    padding: 11px;
    border: 1px solid transparent;
    cursor: pointer;
    border-top: 4px solid transparent;
}
.tab-border {
    background: #fff;
    border: 1px solid #969696 !important;
    border-top: 4px solid #6d6d6d !important;
    border-bottom: 3px solid #fff !important;
}

.bottom-right-tab .tab-main {
    margin-top: 20px;
}
.tab-main .sale-details{
	display: none;
}
.tab-main .sale-details > p {
    float: left;
    font-size: 14px;
    color: #2d2d2d;
    margin-right: 80px;
}
.tab-main .sale-details p span {
    display: block;
}
.tab-main .sale-details img {
    float: left;
    margin-top: 30px;
}

/*assess start*/
.assess {
	display: none;
}
.assess-info {
    overflow: hidden;
}
.assess-info p {
    float: left;
    margin-right: 80px;
}
.assess-info p:nth-of-type(2) {
    margin-right: 0;
}
.assess-info p span,
.assess-info p:first-child em,
.assess-info p:first-child i
{
    display: block;
    margin: 0 0 16px 20px;
}
.assess-info p span {
    font-size: 16px;
    color: #000;
    margin-bottom: 16px;
}
.assess-info p:first-child em {
    font-size: 40px;
    color: #f00;
    font-weight: 800;
}
.assess-info p:first-child i {
    font-size: 16px;
    color: #6c6c6c;
}
.assess-info ul {
    float: left;
    margin-right: 100px;
}
.assess-info li {
    color: #4d4d4d;
    margin-bottom: 30px;
}
.assess-info li span {
    font-size: 16px;
    color: #121212;
}
.assess-info li i {
    display: inline-block;
    width: 40px;
    text-align: center;
}
.assess-info li em {
    display: inline-block;
    width: 206px;
    height: 14px;
    background: #bdbdbd;
    margin-left: 10px;
}
.goop-100 {
    background: #b7395a !important;
}
.assess-info p:last-child {
    color: #4d4d4d;
    width: 230px;
}
.assess-info p:last-child span {
    margin: 0 0 30px 0;
}
.assess-info p:last-child em {
    color: #daa430;
    line-height: 30px;
    margin-left: 12px;
}

.assess-tab {
    overflow: hidden;
    border-bottom: 1px solid #818181;
    padding-bottom: 12px;
    margin-top: 50px;
}
.assess-tab li {
    float: left;
    font-size: 16px;
    color: #444444;
    margin-left: 50px;
    cursor: pointer;
}
.assess-tab li.on {
    color: #121212 !important;
    font-weight: 800;
}
.service,
.shop-groom{
	display: none;
}


.tab-content li {
    border-bottom: 1px solid #818181;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 12px;
}
.tab-content li > p {
    float: left;
}
.tab-content li > p:nth-of-type(1) {
    padding-left: 12px;
    margin-right: 80px;
}
.tab-content li > p:nth-of-type(1) span {
    color: #b7395a;
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
}
.tab-content li > p:nth-of-type(1) em,
.tab-content li > p:nth-of-type(1) i
{
   font-size: 12px;
    color: #535353;
    margin-left: 4px;
}
.tab-content li .img-info {
    font-size: 12px;
    color: #161616;
    padding-top: 8px;
}

.tab-content li .img-info {
    float: left;
}
.tab-content li .img-info p {
    margin-top: 12px;
}
.tab-content li .img-info img {
    width: 100px;
    height: 100px;
    margin-right: 12px;
    cursor: pointer;
}
.tab-content li .img-info em {
    float: left;
    margin-right: 12px;
    cursor: pointer;
}
.tab-content li > p:nth-of-type(2) {
    margin: 80px 0 0 0;
}
.tab-content li > p:nth-of-type(2) img {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 12px;
}
.tab-content li > p:nth-of-type(2) span {
    font-size: 12px;
    color: #595959;
    line-height: 50px;
}
/*assess end*/

/*products end*/

/*content end*/